<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4182009" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">m-级联</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe936;</span>
                <div class="name">m-插槽</div>
                <div class="code-name">&amp;#xe936;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93e;</span>
                <div class="name">m-单元格组</div>
                <div class="code-name">&amp;#xe93e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93f;</span>
                <div class="name">m-块状列表</div>
                <div class="code-name">&amp;#xe93f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe940;</span>
                <div class="name">m-自定义菜单</div>
                <div class="code-name">&amp;#xe940;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">横排（菜单）</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">检测-1</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">配置B</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">配置A</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">竖排</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">Excel文档</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">引用、链接-1</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">信息、提示信息</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">疑问</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">新建、添加文档</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">Word文档</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">question</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">关联用户</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">设置权限</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">对</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">错</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">清空表</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">技术资产</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">sync</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">数字</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">table</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">cloudshell 云命令行</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">layers</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">flink</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaed;</span>
                <div class="name">字段字符串</div>
                <div class="code-name">&amp;#xeaed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">SQL配置</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">home_模型</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">新建报表</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">读写</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">共享读写</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">只读</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">接入系统</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">outline-python</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">全部</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">报表2</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">脚本语言</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">数据源</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf752;</span>
                <div class="name">数据同步</div>
                <div class="code-name">&amp;#xf752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">总人数</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">进度</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">表单管理</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">数据查询</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">单选</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">多行文本</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">报表查询</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">编辑 2</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">变更部门</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">结束节点</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">返回上一页</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">连接线</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">冻结</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">分配</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">生成报表</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">草稿箱</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">立即投递</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">数值</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">树形下拉</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">单行文本</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">审批流程</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">收缩</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">输出路径</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">img-frompng.794e73df</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">重做</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">数据录入</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">移动</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">left备份</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">开始节点</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">文件上传</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">下拉单选</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">复制表单</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">注释</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">数据填报</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">下拉多选</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">标题样式</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">制式表单</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">新建文件夹</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">流式表单</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">解冻</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">新增文件夹</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">字段管理</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac4;</span>
                <div class="name">24gf-folder3</div>
                <div class="code-name">&amp;#xeac4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac5;</span>
                <div class="name">24gf-folderOpen</div>
                <div class="code-name">&amp;#xeac5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">文档</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">电脑、监视器</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">数据板-柱状</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">闹钟</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">折扣</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1696642428671'); /* IE9 */
  src: url('iconfont.eot?t=1696642428671#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1696642428671') format('woff'),
       url('iconfont.ttf?t=1696642428671') format('truetype'),
       url('iconfont.svg?t=1696642428671#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-m-jilian"></span>
            <div class="name">
              m-级联
            </div>
            <div class="code-name">.icon-m-jilian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-m-chacao"></span>
            <div class="name">
              m-插槽
            </div>
            <div class="code-name">.icon-m-chacao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-m-danyuangezu"></span>
            <div class="name">
              m-单元格组
            </div>
            <div class="code-name">.icon-m-danyuangezu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-m-kuaizhuangliebiao"></span>
            <div class="name">
              m-块状列表
            </div>
            <div class="code-name">.icon-m-kuaizhuangliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-m-zidingyicaidan"></span>
            <div class="name">
              m-自定义菜单
            </div>
            <div class="code-name">.icon-m-zidingyicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-hengpaicaidan"></span>
            <div class="name">
              横排（菜单）
            </div>
            <div class="code-name">.icon-a-hengpaicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiance-1"></span>
            <div class="name">
              检测-1
            </div>
            <div class="code-name">.icon-jiance-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peizhiB"></span>
            <div class="name">
              配置B
            </div>
            <div class="code-name">.icon-peizhiB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peizhiA"></span>
            <div class="name">
              配置A
            </div>
            <div class="code-name">.icon-peizhiA
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shupai"></span>
            <div class="name">
              竖排
            </div>
            <div class="code-name">.icon-shupai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Excel"></span>
            <div class="name">
              Excel文档
            </div>
            <div class="code-name">.icon-Excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yinyong"></span>
            <div class="name">
              引用、链接-1
            </div>
            <div class="code-name">.icon-a-yinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxi"></span>
            <div class="name">
              信息、提示信息
            </div>
            <div class="code-name">.icon-xinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanjing"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.icon-yanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiwen"></span>
            <div class="name">
              疑问
            </div>
            <div class="code-name">.icon-yiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xinjiantianjiawendang"></span>
            <div class="name">
              新建、添加文档
            </div>
            <div class="code-name">.icon-a-xinjiantianjiawendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Wordwendang"></span>
            <div class="name">
              Word文档
            </div>
            <div class="code-name">.icon-Wordwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question"></span>
            <div class="name">
              question
            </div>
            <div class="code-name">.icon-question
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima1"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghao1"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.icon-zhanghao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianyonghu"></span>
            <div class="name">
              关联用户
            </div>
            <div class="code-name">.icon-guanlianyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhiquanxian"></span>
            <div class="name">
              设置权限
            </div>
            <div class="code-name">.icon-shezhiquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dui"></span>
            <div class="name">
              对
            </div>
            <div class="code-name">.icon-dui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuo"></span>
            <div class="name">
              错
            </div>
            <div class="code-name">.icon-cuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkongbiao"></span>
            <div class="name">
              清空表
            </div>
            <div class="code-name">.icon-qingkongbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table1"></span>
            <div class="name">
              技术资产
            </div>
            <div class="code-name">.icon-table1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder-filled"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.icon-folder-filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sync"></span>
            <div class="name">
              sync
            </div>
            <div class="code-name">.icon-sync
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzi"></span>
            <div class="name">
              数字
            </div>
            <div class="code-name">.icon-shuzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table"></span>
            <div class="name">
              table
            </div>
            <div class="code-name">.icon-table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shell"></span>
            <div class="name">
              cloudshell 云命令行
            </div>
            <div class="code-name">.icon-shell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layers"></span>
            <div class="name">
              layers
            </div>
            <div class="code-name">.icon-layers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flink"></span>
            <div class="name">
              flink
            </div>
            <div class="code-name">.icon-flink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-string"></span>
            <div class="name">
              字段字符串
            </div>
            <div class="code-name">.icon-string
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sql"></span>
            <div class="name">
              SQL配置
            </div>
            <div class="code-name">.icon-sql
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.icon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-model"></span>
            <div class="name">
              home_模型
            </div>
            <div class="code-name">.icon-model
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianbaobiao"></span>
            <div class="name">
              新建报表
            </div>
            <div class="code-name">.icon-xinjianbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duxie"></span>
            <div class="name">
              读写
            </div>
            <div class="code-name">.icon-duxie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxiangduxie"></span>
            <div class="name">
              共享读写
            </div>
            <div class="code-name">.icon-gongxiangduxie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidu"></span>
            <div class="name">
              只读
            </div>
            <div class="code-name">.icon-zhidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitong"></span>
            <div class="name">
              接入系统
            </div>
            <div class="code-name">.icon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-python"></span>
            <div class="name">
              outline-python
            </div>
            <div class="code-name">.icon-python
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbu"></span>
            <div class="name">
              全部
            </div>
            <div class="code-name">.icon-quanbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表2
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoben"></span>
            <div class="name">
              脚本语言
            </div>
            <div class="code-name">.icon-jiaoben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyuan"></span>
            <div class="name">
              数据源
            </div>
            <div class="code-name">.icon-shujuyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongbu"></span>
            <div class="name">
              数据同步
            </div>
            <div class="code-name">.icon-tongbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongrenshu"></span>
            <div class="name">
              总人数
            </div>
            <div class="code-name">.icon-zongrenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jindu"></span>
            <div class="name">
              进度
            </div>
            <div class="code-name">.icon-jindu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodanguanli"></span>
            <div class="name">
              表单管理
            </div>
            <div class="code-name">.icon-biaodanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuchaxun"></span>
            <div class="name">
              数据查询
            </div>
            <div class="code-name">.icon-shujuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongmingming1"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.icon-zhongmingming1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danxuan"></span>
            <div class="name">
              单选
            </div>
            <div class="code-name">.icon-danxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyong"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-qiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duohangwenben"></span>
            <div class="name">
              多行文本
            </div>
            <div class="code-name">.icon-duohangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiaochaxun"></span>
            <div class="name">
              报表查询
            </div>
            <div class="code-name">.icon-baobiaochaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bianji2"></span>
            <div class="name">
              编辑 2
            </div>
            <div class="code-name">.icon-a-bianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biangengbumen"></span>
            <div class="name">
              变更部门
            </div>
            <div class="code-name">.icon-biangengbumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshujiedian"></span>
            <div class="name">
              结束节点
            </div>
            <div class="code-name">.icon-jieshujiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangda"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-fangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhuishangyiye"></span>
            <div class="name">
              返回上一页
            </div>
            <div class="code-name">.icon-fanhuishangyiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjiexian"></span>
            <div class="name">
              连接线
            </div>
            <div class="code-name">.icon-lianjiexian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongjie"></span>
            <div class="name">
              冻结
            </div>
            <div class="code-name">.icon-dongjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenpei"></span>
            <div class="name">
              分配
            </div>
            <div class="code-name">.icon-fenpei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchengbaobiao"></span>
            <div class="name">
              生成报表
            </div>
            <div class="code-name">.icon-shengchengbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caogaoxiang"></span>
            <div class="name">
              草稿箱
            </div>
            <div class="code-name">.icon-caogaoxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lijitoudi"></span>
            <div class="name">
              立即投递
            </div>
            <div class="code-name">.icon-lijitoudi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjian"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icon-xinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.icon-xitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzhi"></span>
            <div class="name">
              数值
            </div>
            <div class="code-name">.icon-shuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.icon-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuxingxiala"></span>
            <div class="name">
              树形下拉
            </div>
            <div class="code-name">.icon-shuxingxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danhangwenben"></span>
            <div class="name">
              单行文本
            </div>
            <div class="code-name">.icon-danhangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoxiao"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.icon-suoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpiliucheng"></span>
            <div class="name">
              审批流程
            </div>
            <div class="code-name">.icon-shenpiliucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shousuo"></span>
            <div class="name">
              收缩
            </div>
            <div class="code-name">.icon-shousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuchulujing"></span>
            <div class="name">
              输出路径
            </div>
            <div class="code-name">.icon-shuchulujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-img-frompng794e73df"></span>
            <div class="name">
              img-frompng.794e73df
            </div>
            <div class="code-name">.icon-a-img-frompng794e73df
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongzuo"></span>
            <div class="name">
              重做
            </div>
            <div class="code-name">.icon-zhongzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.icon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuluru"></span>
            <div class="name">
              数据录入
            </div>
            <div class="code-name">.icon-shujuluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidong"></span>
            <div class="name">
              移动
            </div>
            <div class="code-name">.icon-yidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leftbeifen"></span>
            <div class="name">
              left备份
            </div>
            <div class="code-name">.icon-leftbeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzeng"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.icon-xinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaishijiedian"></span>
            <div class="name">
              开始节点
            </div>
            <div class="code-name">.icon-kaishijiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianshangchuan"></span>
            <div class="name">
              文件上传
            </div>
            <div class="code-name">.icon-wenjianshangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialadanxuan"></span>
            <div class="name">
              下拉单选
            </div>
            <div class="code-name">.icon-xialadanxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhibiaodan"></span>
            <div class="name">
              复制表单
            </div>
            <div class="code-name">.icon-fuzhibiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhushi"></span>
            <div class="name">
              注释
            </div>
            <div class="code-name">.icon-zhushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujutianbao"></span>
            <div class="name">
              数据填报
            </div>
            <div class="code-name">.icon-shujutianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialaduoxuan"></span>
            <div class="name">
              下拉多选
            </div>
            <div class="code-name">.icon-xialaduoxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.icon-xiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaotiyangshi"></span>
            <div class="name">
              标题样式
            </div>
            <div class="code-name">.icon-biaotiyangshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishibiaodan"></span>
            <div class="name">
              制式表单
            </div>
            <div class="code-name">.icon-zhishibiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.icon-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianwenjianjia"></span>
            <div class="name">
              新建文件夹
            </div>
            <div class="code-name">.icon-xinjianwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chehui"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.icon-chehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liushibiaodan"></span>
            <div class="name">
              流式表单
            </div>
            <div class="code-name">.icon-liushibiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedong"></span>
            <div class="name">
              解冻
            </div>
            <div class="code-name">.icon-jiedong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzengwenjianjia"></span>
            <div class="name">
              新增文件夹
            </div>
            <div class="code-name">.icon-xinzengwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduanguanli"></span>
            <div class="name">
              字段管理
            </div>
            <div class="code-name">.icon-ziduanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folderClose"></span>
            <div class="name">
              24gf-folder3
            </div>
            <div class="code-name">.icon-folderClose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folderOpen"></span>
            <div class="name">
              24gf-folderOpen
            </div>
            <div class="code-name">.icon-folderOpen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxiang"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.icon-youxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-menu-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-menu-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-wendang"></span>
            <div class="name">
              文档
            </div>
            <div class="code-name">.icon-menu-wendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-menu-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-menu-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-diannao"></span>
            <div class="name">
              电脑、监视器
            </div>
            <div class="code-name">.icon-menu-diannao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-kaiguan"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-menu-kaiguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-zhuzhuang"></span>
            <div class="name">
              数据板-柱状
            </div>
            <div class="code-name">.icon-menu-zhuzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-naozhong"></span>
            <div class="name">
              闹钟
            </div>
            <div class="code-name">.icon-menu-naozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu-zhekou"></span>
            <div class="name">
              折扣
            </div>
            <div class="code-name">.icon-menu-zhekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghao"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.icon-zhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-jilian"></use>
                </svg>
                <div class="name">m-级联</div>
                <div class="code-name">#icon-m-jilian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-chacao"></use>
                </svg>
                <div class="name">m-插槽</div>
                <div class="code-name">#icon-m-chacao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-danyuangezu"></use>
                </svg>
                <div class="name">m-单元格组</div>
                <div class="code-name">#icon-m-danyuangezu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-kuaizhuangliebiao"></use>
                </svg>
                <div class="name">m-块状列表</div>
                <div class="code-name">#icon-m-kuaizhuangliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-zidingyicaidan"></use>
                </svg>
                <div class="name">m-自定义菜单</div>
                <div class="code-name">#icon-m-zidingyicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-hengpaicaidan"></use>
                </svg>
                <div class="name">横排（菜单）</div>
                <div class="code-name">#icon-a-hengpaicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiance-1"></use>
                </svg>
                <div class="name">检测-1</div>
                <div class="code-name">#icon-jiance-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhiB"></use>
                </svg>
                <div class="name">配置B</div>
                <div class="code-name">#icon-peizhiB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhiA"></use>
                </svg>
                <div class="name">配置A</div>
                <div class="code-name">#icon-peizhiA</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shupai"></use>
                </svg>
                <div class="name">竖排</div>
                <div class="code-name">#icon-shupai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Excel"></use>
                </svg>
                <div class="name">Excel文档</div>
                <div class="code-name">#icon-Excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yinyong"></use>
                </svg>
                <div class="name">引用、链接-1</div>
                <div class="code-name">#icon-a-yinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxi"></use>
                </svg>
                <div class="name">信息、提示信息</div>
                <div class="code-name">#icon-xinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanjing"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#icon-yanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiwen"></use>
                </svg>
                <div class="name">疑问</div>
                <div class="code-name">#icon-yiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xinjiantianjiawendang"></use>
                </svg>
                <div class="name">新建、添加文档</div>
                <div class="code-name">#icon-a-xinjiantianjiawendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Wordwendang"></use>
                </svg>
                <div class="name">Word文档</div>
                <div class="code-name">#icon-Wordwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question"></use>
                </svg>
                <div class="name">question</div>
                <div class="code-name">#icon-question</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima1"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghao1"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#icon-zhanghao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianyonghu"></use>
                </svg>
                <div class="name">关联用户</div>
                <div class="code-name">#icon-guanlianyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhiquanxian"></use>
                </svg>
                <div class="name">设置权限</div>
                <div class="code-name">#icon-shezhiquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dui"></use>
                </svg>
                <div class="name">对</div>
                <div class="code-name">#icon-dui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cuo"></use>
                </svg>
                <div class="name">错</div>
                <div class="code-name">#icon-cuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkongbiao"></use>
                </svg>
                <div class="name">清空表</div>
                <div class="code-name">#icon-qingkongbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table1"></use>
                </svg>
                <div class="name">技术资产</div>
                <div class="code-name">#icon-table1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder-filled"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#icon-folder-filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sync"></use>
                </svg>
                <div class="name">sync</div>
                <div class="code-name">#icon-sync</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzi"></use>
                </svg>
                <div class="name">数字</div>
                <div class="code-name">#icon-shuzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table"></use>
                </svg>
                <div class="name">table</div>
                <div class="code-name">#icon-table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shell"></use>
                </svg>
                <div class="name">cloudshell 云命令行</div>
                <div class="code-name">#icon-shell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layers"></use>
                </svg>
                <div class="name">layers</div>
                <div class="code-name">#icon-layers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flink"></use>
                </svg>
                <div class="name">flink</div>
                <div class="code-name">#icon-flink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-string"></use>
                </svg>
                <div class="name">字段字符串</div>
                <div class="code-name">#icon-string</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sql"></use>
                </svg>
                <div class="name">SQL配置</div>
                <div class="code-name">#icon-sql</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#icon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-model"></use>
                </svg>
                <div class="name">home_模型</div>
                <div class="code-name">#icon-model</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianbaobiao"></use>
                </svg>
                <div class="name">新建报表</div>
                <div class="code-name">#icon-xinjianbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duxie"></use>
                </svg>
                <div class="name">读写</div>
                <div class="code-name">#icon-duxie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxiangduxie"></use>
                </svg>
                <div class="name">共享读写</div>
                <div class="code-name">#icon-gongxiangduxie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidu"></use>
                </svg>
                <div class="name">只读</div>
                <div class="code-name">#icon-zhidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitong"></use>
                </svg>
                <div class="name">接入系统</div>
                <div class="code-name">#icon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-python"></use>
                </svg>
                <div class="name">outline-python</div>
                <div class="code-name">#icon-python</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbu"></use>
                </svg>
                <div class="name">全部</div>
                <div class="code-name">#icon-quanbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao"></use>
                </svg>
                <div class="name">报表2</div>
                <div class="code-name">#icon-baobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoben"></use>
                </svg>
                <div class="name">脚本语言</div>
                <div class="code-name">#icon-jiaoben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyuan"></use>
                </svg>
                <div class="name">数据源</div>
                <div class="code-name">#icon-shujuyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongbu"></use>
                </svg>
                <div class="name">数据同步</div>
                <div class="code-name">#icon-tongbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongrenshu"></use>
                </svg>
                <div class="name">总人数</div>
                <div class="code-name">#icon-zongrenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jindu"></use>
                </svg>
                <div class="name">进度</div>
                <div class="code-name">#icon-jindu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodanguanli"></use>
                </svg>
                <div class="name">表单管理</div>
                <div class="code-name">#icon-biaodanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuchaxun"></use>
                </svg>
                <div class="name">数据查询</div>
                <div class="code-name">#icon-shujuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongmingming1"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#icon-zhongmingming1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuan"></use>
                </svg>
                <div class="name">单选</div>
                <div class="code-name">#icon-danxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyong"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-qiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duohangwenben"></use>
                </svg>
                <div class="name">多行文本</div>
                <div class="code-name">#icon-duohangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiaochaxun"></use>
                </svg>
                <div class="name">报表查询</div>
                <div class="code-name">#icon-baobiaochaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bianji2"></use>
                </svg>
                <div class="name">编辑 2</div>
                <div class="code-name">#icon-a-bianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biangengbumen"></use>
                </svg>
                <div class="name">变更部门</div>
                <div class="code-name">#icon-biangengbumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshujiedian"></use>
                </svg>
                <div class="name">结束节点</div>
                <div class="code-name">#icon-jieshujiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangda"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-fangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhuishangyiye"></use>
                </svg>
                <div class="name">返回上一页</div>
                <div class="code-name">#icon-fanhuishangyiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjiexian"></use>
                </svg>
                <div class="name">连接线</div>
                <div class="code-name">#icon-lianjiexian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongjie"></use>
                </svg>
                <div class="name">冻结</div>
                <div class="code-name">#icon-dongjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenpei"></use>
                </svg>
                <div class="name">分配</div>
                <div class="code-name">#icon-fenpei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchengbaobiao"></use>
                </svg>
                <div class="name">生成报表</div>
                <div class="code-name">#icon-shengchengbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caogaoxiang"></use>
                </svg>
                <div class="name">草稿箱</div>
                <div class="code-name">#icon-caogaoxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lijitoudi"></use>
                </svg>
                <div class="name">立即投递</div>
                <div class="code-name">#icon-lijitoudi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjian"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icon-xinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#icon-xitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzhi"></use>
                </svg>
                <div class="name">数值</div>
                <div class="code-name">#icon-shuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#icon-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuxingxiala"></use>
                </svg>
                <div class="name">树形下拉</div>
                <div class="code-name">#icon-shuxingxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danhangwenben"></use>
                </svg>
                <div class="name">单行文本</div>
                <div class="code-name">#icon-danhangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoxiao"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#icon-suoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpiliucheng"></use>
                </svg>
                <div class="name">审批流程</div>
                <div class="code-name">#icon-shenpiliucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shousuo"></use>
                </svg>
                <div class="name">收缩</div>
                <div class="code-name">#icon-shousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuchulujing"></use>
                </svg>
                <div class="name">输出路径</div>
                <div class="code-name">#icon-shuchulujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-img-frompng794e73df"></use>
                </svg>
                <div class="name">img-frompng.794e73df</div>
                <div class="code-name">#icon-a-img-frompng794e73df</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongzuo"></use>
                </svg>
                <div class="name">重做</div>
                <div class="code-name">#icon-zhongzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#icon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuluru"></use>
                </svg>
                <div class="name">数据录入</div>
                <div class="code-name">#icon-shujuluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidong"></use>
                </svg>
                <div class="name">移动</div>
                <div class="code-name">#icon-yidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leftbeifen"></use>
                </svg>
                <div class="name">left备份</div>
                <div class="code-name">#icon-leftbeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzeng"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#icon-xinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaishijiedian"></use>
                </svg>
                <div class="name">开始节点</div>
                <div class="code-name">#icon-kaishijiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianshangchuan"></use>
                </svg>
                <div class="name">文件上传</div>
                <div class="code-name">#icon-wenjianshangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialadanxuan"></use>
                </svg>
                <div class="name">下拉单选</div>
                <div class="code-name">#icon-xialadanxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhibiaodan"></use>
                </svg>
                <div class="name">复制表单</div>
                <div class="code-name">#icon-fuzhibiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhushi"></use>
                </svg>
                <div class="name">注释</div>
                <div class="code-name">#icon-zhushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujutianbao"></use>
                </svg>
                <div class="name">数据填报</div>
                <div class="code-name">#icon-shujutianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialaduoxuan"></use>
                </svg>
                <div class="name">下拉多选</div>
                <div class="code-name">#icon-xialaduoxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#icon-xiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaotiyangshi"></use>
                </svg>
                <div class="name">标题样式</div>
                <div class="code-name">#icon-biaotiyangshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishibiaodan"></use>
                </svg>
                <div class="name">制式表单</div>
                <div class="code-name">#icon-zhishibiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#icon-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianwenjianjia"></use>
                </svg>
                <div class="name">新建文件夹</div>
                <div class="code-name">#icon-xinjianwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chehui"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#icon-chehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liushibiaodan"></use>
                </svg>
                <div class="name">流式表单</div>
                <div class="code-name">#icon-liushibiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedong"></use>
                </svg>
                <div class="name">解冻</div>
                <div class="code-name">#icon-jiedong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzengwenjianjia"></use>
                </svg>
                <div class="name">新增文件夹</div>
                <div class="code-name">#icon-xinzengwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduanguanli"></use>
                </svg>
                <div class="name">字段管理</div>
                <div class="code-name">#icon-ziduanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folderClose"></use>
                </svg>
                <div class="name">24gf-folder3</div>
                <div class="code-name">#icon-folderClose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folderOpen"></use>
                </svg>
                <div class="name">24gf-folderOpen</div>
                <div class="code-name">#icon-folderOpen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxiang"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#icon-youxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-menu-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-menu-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-wendang"></use>
                </svg>
                <div class="name">文档</div>
                <div class="code-name">#icon-menu-wendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-menu-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-menu-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-diannao"></use>
                </svg>
                <div class="name">电脑、监视器</div>
                <div class="code-name">#icon-menu-diannao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-kaiguan"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-menu-kaiguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-zhuzhuang"></use>
                </svg>
                <div class="name">数据板-柱状</div>
                <div class="code-name">#icon-menu-zhuzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-naozhong"></use>
                </svg>
                <div class="name">闹钟</div>
                <div class="code-name">#icon-menu-naozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-zhekou"></use>
                </svg>
                <div class="name">折扣</div>
                <div class="code-name">#icon-menu-zhekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghao"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#icon-zhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
